<script setup>
import GlobalNavbar from '@/components/GlobalNavbar.vue';
import EnterForm from './components/EnterForm.vue';
import { getImg } from '@/utils/index.js'
</script>

<template>
    <div class="enter">
        <GlobalNavbar img="toppic01.jpg" height="380px" title="供应商合作" textOne="橙券诚邀您的加入，更高效的合作方式，更尖端的技术接入
" textTwo="我们期待与您携手前行共创未来"></GlobalNavbar>
        <div class="enter-flow">
            <div class="enter-flow_header">
                <h2>入驻流程</h2>
            </div>
            <div class="enter-flow_content">
                <div class="flow-introduce">
                    <img :src="getImg('flow1.png')" alt="">
                    <p>填写信息</p>
                </div>
                <img :src="getImg('flow-r.png')" alt="" width="54px" height="24px" class="mg40">
                <div class="flow-introduce">
                    <img :src="getImg('flow2.png')" alt="">
                    <p>商务联系</p>
                </div>
                <img :src="getImg('flow-r.png')" alt="" width="54px" height="24px" class="mg40">
                <div class="flow-introduce">
                    <img :src="getImg('flow3.png')" alt="">
                    <p>洽谈资源</p>
                </div>
                <img :src="getImg('flow-r.png')" alt="" width="54px" height="24px" class="mg40">
                <div class="flow-introduce">
                    <img :src="getImg('flow4.png')" alt="">
                    <p>签约合作</p>
                </div>
            </div>
        </div>
        <EnterForm></EnterForm>
    </div>
</template>


<style lang="scss" scoped>
.enter {

    .enter-flow {
        padding-top: 88px;
        padding-bottom: 126px;
        text-align: center;
    }

    .enter-flow_content {
        padding-top: 74px;
        display: flex;
        justify-content: center;
        align-items: center;

        p {
            padding-top: 29px;
            font-size: 20px;
            color: #333;
        }
    }

    h2 {
        font-size: 30px;
        color: #333;
    }
}

.mg40 {
    margin: -60px 40px 0;

}
</style>